    <!-- 英雄区域 -->
    <section class="pt-32 pb-20 md:pt-40 md:pb-32 bg-gradient-snow">
      <div class="container mx-auto px-4 sm:px-6 lg:px-8">
        <div class="max-w-4xl mx-auto text-center">
          <h1 class="text-[clamp(2rem,5vw,3.5rem)] font-bold leading-tight text-dark mb-6 text-shadow animate-fade-in"
            style="animation-delay: 0.1s">
            Snow<br class="md:hidden">编程语言
          </h1>
          <p class="text-[clamp(1rem,2vw,1.25rem)] text-dark/70 mb-10 max-w-3xl mx-auto animate-fade-in"
            style="animation-delay: 0.3s">
            Snow 是一门受 LLM 时代启发的、面向 AI 友好的编程语言
          </p>

          <p class="text-[clamp(1rem,2vw,1.25rem)] text-dark/70 mb-10 max-w-3xl mx-auto animate-fade-in"
            style="animation-delay: 0.3s">
            该项目实现了 Snow 语言的完整编译流程,包括词法分析,语法分析,语义分析,中间表示（IR）生成以及最终的虚拟机（VM）指令生成和执行器，提供从源码到字节码再到自研编程语言虚拟机 ( SnowVM)
            的完整编译-执行链路。
          </p>
          <div class="flex flex-col sm:flex-row justify-center gap-4 animate-fade-in" style="animation-delay: 0.5s">
            <a href="#download"
              class="px-8 py-3 rounded-md bg-primary text-white text-lg font-medium hover:bg-primary/90 transition-custom shadow-lg hover:shadow-xl transform hover:-translate-y-0.5">
              <i class="fa fa-download mr-2"></i> 立即下载
            </a>
            <a href="#docs"
              class="px-8 py-3 rounded-md border border-dark/20 text-dark text-lg font-medium hover:bg-dark/5 transition-custom shadow-md hover:shadow-lg transform hover:-translate-y-0.5">
              <i class="fa fa-book mr-2"></i> 查看文档
            </a>
          </div>

          <!-- 版本信息 -->
          <div class="mt-10 inline-block bg-white/80 backdrop-blur-sm px-4 py-2 rounded-full shadow-md animate-fade-in"
            style="animation-delay: 0.7s">
            <span class="text-dark/60">当前稳定版本：</span>
            <span class="font-medium text-primary">v1.2.0</span>
            <span class="mx-2 text-dark/30">•</span>
            <a href="#" class="text-dark/60 hover:text-primary transition-custom">查看更新日志</a>
          </div>
        </div>

        <!-- 展示图片 -->
        <div class="mt-16 max-w-5xl mx-auto animate-fade-in" style="animation-delay: 0.9s">
          <div class="rounded-xl overflow-hidden shadow-2xl border border-white/50">
            <img src="sections/images/snow.png" alt="Snow" class="w-full h-auto object-cover">
          </div>
        </div>
      </div>
    </section>
